<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<link rel="stylesheet" href="../css/yanzheng5.css" />
	<script src="../js/jquery-3.1.1.js"></script>
	<body>
		<header class="hea">
			<a href="yanzheng4.html">
				<span>&lt;</span>
			</a>
			<p>手机验证</p>
		</header>
		<p class="pp">验证短信已发送到手机号为</p>
		<p class="pp1">186****1524</p>
		<div class="ipt">
		   <input type="password" placeholder="输入手机号"/>
		</div>
			<img src="../img/2017-07-22_093529.png" class="img1">
			<div class="shouji">
				<input type="button"value="获取验证码" class="ipu"/>
			</div>	
		<a href="yanzheng6.html">
		     <div class="que">
			      <p>确定</p>
		      </div>
		</a>
		
		
		<script>
		(function(win,doc){
			//浏览器缩放时
			win.onresize=function(){
				change();	
			};
			change();
			function change(){
				var oFs=doc.documentElement.clientWidth/(320/20);
		
				//设置根目录字体大小
				doc.documentElement.style.fontSize=oFs+'px';	
			}	
		})(window,document);
		</script>
		
		
		
	<script>
	   $(function(){
	   var i =60;
	   var times = null
	   $(".ipu").on("click",function(){
		times = setInterval(dian,1000)
	   })
	   function dian(){
		i--;
		if(i>=0){			
			$(".ipu").attr("value",i+"s后请重试")
		}
		else{
			$(".ipu").attr("value","重新获取短信验证码")		
			clearInterval(times)
			i=60;
		}
		
	};
	})
	
	</script>
	
	
	
		
	</body>
</html>
